.dashboard{
  height: 700px;
  background: #313131;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  .dashboard-main{
    background: #232425;
    height: 70%;
    width: 90%;
    margin-bottom: 48px;
    border-radius: 8px;
    position: relative;
  }
  .user-info{
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    .at-avatar--circle{
      border: 8px solid #92805a;
    }
    .name{
      color: #fff;
      line-height: 48px;
    }
    .level{
      color: #b39d6e;
    }
  }
}